<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <title>炫酷计时</title>
    <style type="text/css">
    	th{
 			text-align:center;
 		}
 		.btn-body{
 			background: #f5f5f5;
 			text-align: center;
 		}
 		.btn-sty{
 			cursor:default;
 			margin: 4px 30px;
 		}
 		.row-top{
 			 margin-top:20px;
 		}
    </style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body>
 	<!-- 菜单及导航数据  -->
    <data id="info" nav="timer" menu="addTimer" service="计时服务" action="炫酷计时"></data>
  	<div class="row wrapper border-bottom white-bg page-heading animated rotateIn min-height" >
         <div class="col-lg-12 page-heading">
	       <div class="portlet-body form">
	            <!-- BEGIN FORM-->
	            <form action="#" class="form-horizontal">
	                <div id="mytimer" class="control-group"></div>
	                <div class="control-group">
	                	<div class="portlet box">
		                    <div class="portlet-body btn-body">
						        <span id="control" class="btn btn-primary btn-sty"  >开始</span>
				        		<span id="record" class="btn btn-danger btn-sty"  >重置</span>
				        		<span id="save" class="btn btn-success btn-sty"  >保存</span>
				        		<a class="btn btn-info btn-sty" href="${ctx}/center/timer/stopwatch/simple.html">简约计时</a>
						    </div>
					    </div>
	                    <div class="portlet box">
						    <div class="portlet-body">
						        <div class="row row-top">
						    		<div class="col-md-1"></div> 
						    		<div class="col-md-10 ">
								        <table class="table table-hover ">
								            <thead> 
								                <tr class="info">
								                    <th>序号</th>
								                    <th>计次</th>
								                    <th class="hidden-480">计次时间</th>
								                </tr>
								            </thead>
								            <tbody>
								            </tbody>
								        </table> 
						    		</div>
					    			<div class="col-md-1"></div>
						    	</div>
						    </div>
						</div>
	                </div>
	                
	                
	            </form>
           </div>
        </div>
	</div>

 	<js>
 	<script src="${ctx}/resource/js/util.js" type="text/javascript"></script>
	<script src="${ctx}/resource/js/app.js"></script>
	<script src="${ctx}/resource/js/particle-stopwatch.js"></script>
	<script type="">
		var hour = 0;
		var minute = 0;
		var second = 0;
		var millionSecond = 0;
		var count = 0;
		var startTime;
		layer.config({
   			 extend: 'extend/layer.ext.js'
		});
	</script>
	</js>
</body>
</html>